<template>
  <div class="List">
      <RankingListLeft></RankingListLeft>
      <RankingListRight></RankingListRight>
      <div class="clearfix"></div>
  </div>
</template>

<script>
import RankingListLeft from './RankingListLeft'
import RankingListRight from './RankingListRight'
export default {
    name:'list',
    components:{RankingListLeft,RankingListRight},
}
</script>

<style lang="less" scoped>
  .List{
    // display: flex;
    margin: 0 auto;
    width: 983px;
    border: 1px solid #d3d3d3;
    border-top: none;
  }
  .clearfix{
    zoom: 1;
  }
  .clearfix:after{
    content:'';
    display:block;
    height: 0;
    clear: both;
  }
</style>